<%@page pageEncoding="UTF-8" %>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title>Login Page</title>
  <%@ include file="/WEB-INF/jsp/include/staticResource.jsp" %>
  <style>
    .header {
      text-align: center;
    }
    .header h1 {
      font-size: 200%;
      color: #333;
      margin-top: 30px;
    }
    .header p {
      font-size: 14px;
    }
  </style>
  <script type="text/javascript">

    function checkPost(){
        var url = "${APP_PATH}/login";
        var params1 = $("#loginForm").serialize();
        $.post(url, params1, function (data) {
          /*if (data.status == 1) {
            window.location.href="${APP_PATH}/sysUser/index";
          } else {
            alert(data.message);
          }*/
        });
        return false;
    }

  </script>
</head>
<body>
<div class="header">
  <div class="am-g">
    <h1>账务管理系统</h1>
    <p>Integrated Development Environment<br/>方便记账统计，账务明确！</p>
  </div>
  <hr />
</div>
<div class="am-g">
  <div class="am-u-lg-6 am-u-md-8 am-u-sm-centered">
    <h3>登录  <span>${exception.message}12212</span></h3>
    <hr>
    <%--<div class="am-btn-group">
      <a href="#" class="am-btn am-btn-secondary am-btn-sm"><i class="am-icon-github am-icon-sm"></i> Github</a>
      <a href="#" class="am-btn am-btn-success am-btn-sm"><i class="am-icon-google-plus-square am-icon-sm"></i> Google+</a>
      <a href="#" class="am-btn am-btn-primary am-btn-sm"><i class="am-icon-stack-overflow am-icon-sm"></i> stackOverflow</a>
    </div>--%>
    <br>
    <br>

    <form id="loginForm" method="post" action="${APP_PATH}/login" class="am-form" ><%--onsubmit="return checkPost();"--%>
      <label for="username">账号:</label>
      <input type="text" required="required"  name="username" id="username" value="">
      <br>
      <label for="password">密码:</label>
      <input type="password" required="required"  name="password" id="password" value="">
      <br>


      <label for="rememberMe">
        <input type="checkbox" id="rememberMe"  name="rememberMe">
        自动登录
      </label>

      <TD>验证码：</TD>
      <TD>
        <input id="randomcode" name="randomcode" size="8" />
        <img id="randomcode_img" alt="" width="56" height="20" align='absMiddle' />
        <a href=javascript:randomcode_refresh()>刷新</a>
      </TD>

      <br />
      <div class="am-cf">
        <input id="commitLogin" type="submit" name="" value="登 录" class="am-btn am-btn-primary am-btn-sm am-fl">
        <input id="forgetPassword" type="button" name="" value="忘记密码 ^_^? " class="am-btn am-btn-default am-btn-sm am-fr">
      </div>
    </form>
    <hr>
    <p>© 2018 AllMobilize, Inc. Licensed under MIT license.</p>
  </div>
</div>
</body>
</html>
